<div class="container marketing">

  <header>
    <div class="alert alert-success" id="loginStatus" style="text-align: center">
      <p align="center">Вы успешно авторизовались как: <strong>Программист</strong>. Состояние сервиса: <strong>Работает</strong>
      </p>    
    </div>
  </header>

  <!-- START THE FEATURETTES -->
  <hr class="featurette-divider">

  <div class="row featurette">
    <div class="col-md-7">
      <h2 class="featurette-heading">Жалюзи <span class="text-muted">Тестовый режим</span></h2>
      <p class="lead">Включает в себя рассчет и оформление эскиза для вертикальных, горизонтальных, мультифактурных жалюзи, а также рулонных штор</p>
      <p class="lead">Выберите категорию:</p>
      <div class="menu-category">
        <img class="img-responsive" data-src="holder.js/140x140/auto" alt="140x140" src="images/menu/sunblinds/horizontal.png" data-description="Горизонтальные">
        <img class="img-responsive" data-src="holder.js/140x140/auto" alt="140x140" src="images/menu/sunblinds/vertical.png" data-description="Вертикальные">
        <img class="img-responsive" data-src="holder.js/140x140/auto" alt="140x140" src="images/menu/sunblinds/roll.jpg" data-description="Рулонные шторы">
        <img class="img-responsive" data-src="holder.js/140x140/auto" alt="140x140" src="images/menu/sunblinds/multi.jpg" data-description="Мультифактура">
      </div>
      <button type="button" class="btn btn-lg btn-primary" onclick="uiOperator.loadModule({'module': 'sunblinds'});">Перейти >></button>
    </div>
    <div class="col-md-5">
      <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="500x500" src="images/menu/sunblinds.jpg">
    </div>
  </div>

  <hr class="featurette-divider">

  <div class="row featurette">
    <div class="col-md-5">
      <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="500x500" src="images/menu/windows.png">
    </div>
    <div class="col-md-7">
      <h2 class="featurette-heading">Окна <span class="text-muted">Тестовый режим</span></h2>
      <p class="lead">Включает в себя рассчет и оформление эксизов для следующих профилей: ... ... ..., а также окон произвольной формы</p>
      <p class="lead">Выберите категорию:</p>
      <div class="menu-category">
        <img class="img-responsive" data-src="holder.js/140x140/auto" alt="140x140" src="images/menu/windows/multi.jpg" data-description="Художественные">
      </div>
      <button type="button" class="btn btn-lg btn-primary" onclick="uiOperator.openMainWindow();">Перейти >></button>
    </div>
  </div>

  <hr class="featurette-divider">

  <!-- /END THE FEATURETTES -->

  <!-- FOOTER -->
  <footer>
    <p class="pull-right"><a href="#">Наверх</a></p>
    <p>© 2014 ООО "Безопасный город" · <a href="#">Инструкции</a> · <a href="#">Прежняя версия конструктора</a></p>
  </footer>

</div>